<!doctype html>
<html class="no-js">
<script src="../js/head.js"></script>
<style>
    .get {
        background: #1E5B94;
        color: #fff;
        text-align: center;
        padding: 100px 0;
    }

    .get-title {
        font-size: 200%;
        border: 2px solid #fff;
        padding: 20px;
        display: inline-block;
    }

    .get-btn {
        background: #fff;
    }

    .detail {
        background: #fff;
    }

    .detail-h2 {
        text-align: center;
        font-size: 150%;
        margin: 40px 0;
    }

    .detail-h3 {
        color: #1f8dd6;
    }

    .detail-p {
        color: #7f8c8d;
    }

    .detail-mb {
        margin-bottom: 30px;
    }

    .hope {
        background: #0bb59b;
        padding: 50px 0;
    }

    .hope-img {
        text-align: center;
    }

    .hope-hr {
        border-color: #149C88;
    }

    .hope-title {
        font-size: 140%;
    }

    .about {
        background: #fff;
        padding: 40px 0;
        color: #7f8c8d;
    }

    .about-color {
        color: #34495e;
    }

    .about-title {
        font-size: 180%;
        padding: 30px 0 50px 0;
        text-align: center;
    }

    .footer p {
        color: #7f8c8d;
        margin: 0;
        padding: 15px 0;
        text-align: center;
        background: #2d3e50;
    }
</style>
<body>
<script src="../js/header.js"></script>
<div class="am-cf admin-main">
    <!-- sidebar start -->
    <script src="../js/sidebar.js"></script>
    <!-- sidebar end -->

    <!-- content start -->
    <div class="admin-content" id="content-body">
        <div class="admin-content-body">


            <div class="get">
                <div class="am-g">
                    <div class="am-u-lg-12">
                        <h1 class="get-title">这是一个考勤系统！</h1>

                        <p>
                            我再说一遍，这真的是一个考勤系统！
                        </p>
                    </div>
                </div>
            </div>

            <div class="detail">
                <div class="am-g am-container">
                    <div class="am-u-lg-12">
                        <h2 class="detail-h2">期待您的加入!</h2>

                        <div class="am-g">
                            <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">

                                <h3 class="detail-h3">
                                    <i class="am-icon-mobile am-icon-sm"></i>
                                    适应手机
                                </h3>

                                <p class="detail-p">
                                    该考勤系统采取自适应大小，实现所有屏幕适配，适应移动互联潮流。
                                </p>
                            </div>
                            <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">
                                <h3 class="detail-h3">
                                    <i class="am-icon-cogs am-icon-sm"></i>
                                    功能丰富
                                </h3>

                                <p class="detail-p">
                                    该系统包含员工管理、部门管理、假期管理、请假、休假时间以及统计各个模块，功能丰富
                                </p>
                            </div>
                            <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">
                                <h3 class="detail-h3">
                                    <i class="am-icon-check-square-o am-icon-sm"></i>
                                    操作简单
                                </h3>

                                <p class="detail-p">
                                    没有复杂的人机交互设计，每个页面都是简洁的数据展现和操作，实现快捷办公
                                </p>
                            </div>
                            <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">
                                <h3 class="detail-h3">
                                    <i class="am-icon-send-o am-icon-sm"></i>
                                    轻量快捷
                                </h3>

                                <p class="detail-p">
                                    该系统快捷轻便，性能良好，让公司考勤管理更加方便快捷
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <script src="../js/footer.js"></script>
        </div>
        <!-- content end -->
    </div>

    <a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu"
       data-am-offcanvas="{target: '#admin-offcanvas'}"></a>
</div>
<script src="../js/util.js"></script>
<script>

</script>
</body>
</html>
